<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
	<title>The Free Fotograph Website Template | Blog :: w3layouts</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link rel="stylesheet" href="./css/responsive.css" type="text/css" media="screen">
</head>
<body>
	<div class="h-bg">
	<div class="container">
	<div class="header">
		<div class="logo">
	  		<a href="index.html"><img src="./images/logo.png" title="logo" alt=""> </a>
	 	</div>
	    <div class="foot-search">
			<form>
				<input type="text" value="keyword here" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'keyword here';}">
				<input type="submit" value="Search">
			  </form>
		  </div>
<div class="clear"></div>
</div>
<div class="nav-collapse nav-collapse_ collapse">
	<ul class="nav sf-menu clearfix sf-js-enabled">
		<li class="active color-1"><a href="index.html">Home</a></li>
		<li class="sub-menu color-2"><a href="artists.html">Artists</a>
	<ul style="display: none;" class="sub-menu">
		<li class="sub-menu-1"><a href="artists.html">Artist 01</a>
	<ul style="display: none;" class="sub-menu">
		<li><a href="artists.html">Artist 04</a></li>
		<li><a href="artists.html">Artist 05</a></li>
		<li><a href="artists.html">Artists 06</a></li>
	</ul>
	</li>
		<li><a href="artists.html">Artist 02</a></li>
		<li><a href="artists.html">Artist 03</a></li>
	</ul>
	</li>
		<li class="color-3"><a href="blog.html">Blog</a></li>
		<li class="color-4"><a href="favourites.html">Favourites</a></li>
		<li class="color-5"><a href="index.html">Clients</a></li>
		<li class="color-6"><a href="contact.html">Contact</a></li>
	</ul>
	</div>
	<div class="drp-dwn">
	 	<select onchange="window.location=this.options[this.selectedIndex].value">
			<option value="index.html">Home</option>
			<option value="artists.html">Artists</option>
			<option value="favourites.html">Favourites</option>
			<option value="blog.html">Blog</option>
			<option value="contact.html">Contact</option>
		</select>
	</div>
<div class="clear"></div>
</div>              
</div>
<div class="clear"></div>
<div class="main-bg">
<div class="container">
<div class="main-wrp">
	<div class="artists">
		<div class="blog">
		<div class="grid">
			<h4><a>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem</a></h4>
			<h5>January 3rd, 2013 , Posted by <a href="index.html">H. Rackham</a></h5>
			<p>"On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour,</p>
			<img src="./images/pic13.jpg" alt="" />	
			<div class="btn-group1">
				<button class="btn">Read More</button>
			</div>
		</div>
		<div class="grid">
			<h4><a>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem </a></h4>
			<h5>May 5th, 2013 , Posted by <a href="index.html">k. Jackson</a></h5>
			<p>"On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, </p>
			<img src="./images/pic14.jpg" alt="" />	
			<div class="btn-group1">
				<button class="btn">Read More</button>
			</div>
		</div>
		<div class="grid">
			<h4><a>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem  </a></h4>
			<h5>April 20th, 2013 , Posted by <a href="index.html">J.Thomas</a></h5>
			<p>"On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, </p>
			<img src="./images/pic15.jpg" alt="" />	
			<div class="btn-group1">
				<button class="btn">Read More</button>
			</div>
		</div>
		</div>
	<div class="services-sidebar">
			<h4>Categories</h4>
				<ul>
					<li>»&nbsp;&nbsp;<a href="#">Morbi dictum metus vitae nisicsm</a></li>
					<li>»&nbsp;&nbsp;<a href="#">Lorem ipsum dolor sit amet Proin</a></li>
					<li>»&nbsp;&nbsp;<a href="#">Proin sit amet mi sodales mollis</a></li>
				   	<li>»&nbsp;&nbsp;<a href="#">Morbi dictum metus vitae nisi fr</a></li>
					<li>»&nbsp;&nbsp;<a href="#">Lorem ipsum dolor sit amet Proin </a></li>
					<li>»&nbsp;&nbsp;<a href="#">Lorem ipsum dolor sit amet Proin </a></li>
					<li>»&nbsp;&nbsp;<a href="#">Proin sit amet mi sodales  mollis </a></li>
				   	<li>»&nbsp;&nbsp;<a href="#">Morbi dictum metus vitae nisi fring</a></li>
					<li>»&nbsp;&nbsp;<a href="#">Lorem ipsum dolor sit amet Proin </a></li>
					<li>»&nbsp;&nbsp;<a href="#">Morbi dictum metus vitae nisicsm</a></li>
					<li>»&nbsp;&nbsp;<a href="#">Lorem ipsum dolor sit amet Proin</a></li>
					<li>»&nbsp;&nbsp;<a href="#">Proin sit amet mi sodales mollis</a></li>
				   	<li>»&nbsp;&nbsp;<a href="#">Morbi dictum metus vitae nisi fr</a></li>
					<li>»&nbsp;&nbsp;<a href="#">Lorem ipsum dolor sit amet Proin </a></li>
					<li>»&nbsp;&nbsp;<a href="#">Lorem ipsum dolor sit amet Proin </a></li>
					<li>»&nbsp;&nbsp;<a href="#">Proin sit amet mi sodales  mollis </a></li>
				   	<li>»&nbsp;&nbsp;<a href="#">Morbi dictum metus vitae nisi fring</a></li>
					<li>»&nbsp;&nbsp;<a href="#">Lorem ipsum dolor sit amet Proin </a></li>
					<li>»&nbsp;&nbsp;<a href="#">Proin sit amet mi sodales mollis</a></li>
				</ul><br>
				<div class="clear"></div>
				<h4>Archives</h4>
				<ul>
					<li>»&nbsp;&nbsp;<a href="#">May, 2012</a></li>
					<li>»&nbsp;&nbsp;<a href="#">Feb, 2012</a></li>
					<li>»&nbsp;&nbsp;<a href="#">March, 2012</a></li>
					<li>»&nbsp;&nbsp;<a href="#">April, 2012</a></li>
				</ul>
				</div>
			<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
<div class="footer">
	<div class="container">
		<div class="footer-grid">
			<h3>HELLO WORLD!</h3>
			<p>Lorem ipsum dolor sit amet, consect etur adipiscing elit. Vestibulum ut tortor urnati dunt dolor. Nunc vulputate ultrices con sect etur donec semper lacinia ultri dolore cie lorem ipsum commete.</p>
			<form action="search.php" method="get" accept-charset="utf-8" class="nav-form">
                 <input type="text" name="s" onblur="if(this.value=='') this.value=''" onfocus="if(this.value =='' ) this.value=''" value=" ">
                 <a href="#" onclick="document.getElementById('search-form').submit()" class="btn-small">Subscribe</a>
            </form>
            <div class="clear"></div>
		</div>
		<div class="footer-nav1">
        	<ul>
        		<li id="twtr"><a href=""><img src="./images/twitter.png" alt="" title="Twitter"></a></li>
            	<li id="fb"><a href=""><img src="./images/fb.png" alt="" title="facebook"></a></li>
                <li id="mail"><a href=""><img src="./images/mail.png" alt="" title="Mail"></a></li>
                <li id="feed"><a href=""><img src="./images/feed.png" alt="" title="Feed"></a></li>
                <li id="plus"><a href=""><img src="./images/plus.png" alt="" title="Plus"></a></li>
			</ul>
        </div>
	</div>
	<div class="clear"></div>
</div>
<div class="footer1">
<div class="container">
	<p class="w3-link"><span>© All rights Reserved | Designed by&nbsp; <a href="http://w3layouts.com/"> W3Layouts</a></span></p>
</div>
</div>
</body>
</html>